
* {
	box-sizing: border-box;
}

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

page {
	height: 100%;
	
	.page-container {
		height: 100%;
		background-image: linear-gradient(to bottom, #79C1FC, #C2F3FC);
		padding: 15px;
		
		.login-container {
			padding: 20px;
			
			.login-item {
				background: #FFFFFF;
				padding: 15px;
				border-radius: 10px;
			}
		}
	}
}

.font-12 {
	font-size: 12px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-22 {
	font-size: 22px !important;
}

.font-24 {
	font-size: 24px !important;
}

.padded-5 {
	padding: 5px !important;
}

.padded-10 {
	padding: 10px !important;
}

.padded-15 {
	padding: 15px !important;
}

.padded-30 {
	padding: 30px !important;
}

.padded-60 {
	padding: 60px !important;
}

.padded-t-5 {
	padding-top: 5px !important;
}

.padded-t-10 {
	padding-top: 10px !important;
}

.padded-b-0 {
	padding-bottom: 0 !important;
}

.padded-b-5 {
	padding-bottom: 5px !important;
}

.padded-b-10 {
	padding-bottom: 10px !important;
}

.padded-b-15 {
	padding-bottom: 15px !important;
}

.padded-b-25 {
	padding-bottom: 25px !important;
}

.padded-t-15 {
	padding-top: 15px !important;
}

.padded-t-25 {
	padding-top: 25px !important;
}

.padded-t-40 {
	padding-top: 40px !important;
}

.padded-l-5 {
	padding-left: 5px !important;
}

.padded-l-10 {
	padding-left: 10px !important;
}

.padded-l-25 {
	padding-left: 25px !important;
}

.padded-r-10 {
	padding-right: 10px !important;
}

.padded-r-25 {
	padding-right: 25px !important;
}

.border-b-F5F5F5 {
	border-bottom: 1px solid #F5F5F5 !important;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.color-3679FF {
	color: #3679FF !important;
}

.color-007aff {
	color: #007aff !important;
}

.color-B1B8C7 {
	color: #B1B8C7 !important;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}
